.sleepAid-audio-control {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-around;
	width: 300rpx;
	height: 100%;
	border: 1px solid #000000;
}

.sleepAid-audio-title_author {
	font-size: 20rpx;
	color: #abadb8;
}

.sleepAid-audio-title_name {
	font-size: 30rpx;
	color: #000000;
}

.sleepAid-audio-title {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding-left: 180rpx;
}

.sleepAid-audio-img {
	width: 130rpx;
	height: 130rpx;
	border-radius: 50%;
	border: 6rpx solid rgba(186, 186, 187, 0.5);
	position: absolute;
	top: -30rpx;
	left: 20rpx;
}

.sleepAid-audio {
	/* position: relative; */
	position: fixed;
	z-index: 999;
	bottom: 1rpx;
	width: 750rpx;
	height: 120rpx;
	background-color: #f8f8f8;
	border-radius: 5rpx;
	box-shadow: 0px -4px 4px #d8d8d8;
	padding: 10rpx;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

.sleepAid-box-music_name_L {
	font-size: 30rpx;
	color: #7e7e7e;
}

.sleepAid-box-music_info {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	width: 750rpx;
	line-height: 70rpx;
	/* font-size: 10rpx; */
	color: #7e7e7e;
}

.sleepAid-box-music_name {
	display: flex;
	flex-direction: row;
}

.sleepAid-box-music {
	display: flex;
	flex-direction: column;
	margin: 20rpx;
	height: 120rpx;
    width: 750rpx;
	border-bottom: 1px solid #cecece;
}

.sleepAid-box-data_listData_list {
	/* font-size: 10rpx; */
	color: #7e7e7e;
}

.sleepAid-box-data_collection-selected {
	background-color: #3aa7ff;
	color: #FFFFFF;
}

.sleepAid-box-data_collection {
	border-radius: 25rpx;
	border: 1px solid #3aa7ff;
	width: 100rpx;
	font-size: 15rpx;
	line-height: 30rpx;
	text-align: center;
	padding: 0 10rpx 0 10rpx;
	margin: 20rpx;
}

.sleepAid-box-data_listData {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin: 20rpx;
}

.sleepAid-box-data {
	width: 750rpx;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

.sleepAid-box-introduce {
	margin: 30rpx;
	/* font-size: 20rpx; */
	color: #a6a6a6;
	line-height: 35rpx;
}

.sleepAid-box-title_anchor {
	color: #007AFF;
	font-size: 30rpx;
	padding-right: 20rpx;
}

.sleepAid-box-title_name {
	font-size: 30rpx;
	padding-left: 20rpx;
}

.sleepAid-box-title {
	width: 750rpx;
	height: 100rpx;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

.sleepAid-box {
	width: 750rpx;
	border-radius: 20rpx;
	box-shadow: 0px -4px 4px #d8d8d8;
	background-color: #f8f8f8;
	display: flex;
	flex-direction: column;
	margin-bottom: 100px;
}

.natural {
	display: none;
}

.sleepAid {
	display: none;
}

.img-selected {
	width: 180rpx !important;
	height: 180rpx !important;
	margin: 10rpx;
}

.img {
	width: 150rpx;
	height: 150rpx;
	margin: 10rpx;
}

.scroll-view_H {
	white-space: nowrap;
	width: 750rpx;
}

.scroll-view-item {
	width: 180rpx;
	height: 180rpx;
	display: flex;
	align-items: center;
	justify-content: center;
}

.show {
	display: block !important;
}

.switch-select {
	color: #5f6379 !important;
	border-bottom: 5rpx solid #5f6379;
}

.background {
	background-color: #f4f4f4;
	display: flex;
	flex-direction: column;
}

.switch {
	width: 750rpx;
	display: flex;
	align-items: center;
	justify-content: center;
}

.switch-content {
	height: 80rpx;
	width: 500rpx;
	line-height: 80rpx;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	font-size: 35rpx;
	color: #aeb0ba;
}

.top {
	height: 350rpx;
	width: 750rpx;
	display: flex;
	align-items: center;
	justify-content: center;
}

.card {
	width: 700rpx;
	height: 300rpx;
	border-radius: 15rpx;
	background: #6cd3ff;
	display: flex;
	align-items: center;
	justify-content: center;
}

.state {
	width: 620rpx;
	height: 220rpx;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.select {
	background: #83d6ff;
	border-radius: 50%;
	width: 75rpx;
	height: 75rpx;
	display: flex;
	align-items: center;
	justify-content: center;
}

.icon-selected {
	background: #6cd3ff;
	border-radius: 50%;
}

.select-default {
	width: 75rpx;
	height: 75rpx;
	display: flex;
	align-items: center;
	justify-content: center;
}

.box {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	flex-wrap: wrap;
}

.icon {
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 150rpx;
}

.title {
	line-height: 60rpx;
	font-size: 20rpx;
}
